<template>
	<view>
		<view class="topBg" >
			<image class="logo" src="/static/icon2/Echo.png" :style="{'top':top+'px'}"></image>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				top:"",
			}
		},
		onReady() {
			wx.getSystemInfo().then(res=>{
				this.top=res.statusBarHeight+10;
			})
		}
	}
</script>

<style scoped>
	.topBg{
		height: 340rpx;
		width: 100%; 
		background: linear-gradient(180deg, #67EEE4 0%, #00D6C2 100%);
		overflow: hidden;
		position: relative;  
	}
	.topBg::after{
	  content: '';
	  height: 70rpx;
	  width: 100%;
	  background: #fff;
	  position: absolute;
	  bottom: -35rpx;
	  left: 0;
	  border-radius: 100%;
	
	}
</style>
